<!--{assign var='title' value='会员注册页面'}-->
<!--{assign var='keywords' value='蔬菜，蔬菜购买，采购，蔬菜采购，新鲜蔬菜，新鲜蔬菜采购，新鲜蔬菜购买，批发，蔬菜批发'}-->
<!--{assign var='description' value='提供新鲜蔬菜采购。'}-->
<!--{include file="header2.0.html" css='/public/css/register.css' js=''}-->
<div class="body">
	<form action="" method="post" id='registfrom' style="padding-right: 40px;">
		<div class="step ip">
			<div class="step-t"><h4>1.填写联系方式</h4></div>
			<ul>
				<li><span>电子邮箱：</span><font><input type="text" name="email"/></font></li>
				<li><span>昵&nbsp;称：</span><font><input type="text" name="nickname"/></font></li>
				<li><span>手机号码：</span><font><input type="text" name="phone"/></font></li>
				<li><button class="btn" onclick="next(this);return false;">下一步</button><em><input type="checkbox" name="agree" value="1" checked class="agree"/></em><font style="padding-top: 3px;">同意<a href="">《服务条款》</a></font></li>
			</ul>
			<div class="notice">
				<h5>温馨提示：</h5>
				<p>1.电子邮箱是与您联系的主要途径，请使用您的常用邮箱，以免错过重要信息。</p>
				<p>2.昵称是有伴网友之间的主要称呼，让你和有伴网友之间更加亲密。</p>
				<p>3.手机是与您联系的重要方式，请使用您的常用邮箱，以免错过重要信息。</p>
			</div>
		</div>
	</form>
	<div class="step email" style="display:none;">
		<div class="step-t"><h4>3.发送验证邮件</h4></div>
		<ul class="email">
			<li class="msg"><p>亲爱的<font>kelyk520</font>,我们已经发送了一封验证邮件到您的邮箱<font>2004yzw@163.com</font>中，你只需要点击邮件中的链接即可完成账号激活，正式成为有伴网的一员。</p></li>
			<li><button class="btn">确&nbsp;定</button><font class="resend"><a href="">重新发送?</a></font></li>
		</ul>
		<div class="notice">
			<h5>温馨提示：</h5>
			<p>1.该账号仅限于本人使用，使用该账号产生的一切责任将由账号拥有者承担。</p>
		</div>
	</div>
</div>
<script>
	$('input').bind({
		focus:function(){
		
			$(this).css({'border-color':'#808080'})
		},
		blur:function(){
		
			$(this).css({'border-color':''})
		}
	})
	$('.btn').hover(function(){$(this).css({'background-color':'#CCFFFF','color':'#00CCCC'})},function(){$(this).css({'background-color':'#F8F8FF','color':'#999999'})});
	
	function next(cls)
	{
		var time = 400;
		$('.btn').blur();
		switch(cls)
		{
			case 'last':
				$('.send').slideUp(time,function(){$('.ip').slideDown(time).css('dislpay','inline');$(this).detach();})
			break;
			case 'send':
				var password = $('input[name=password]').val();
				var repassword = $('input[name=repassword]').val();
				password && password == repassword?$('#registfrom').submit():alert('密码输入有误。');
			break;
			default:
				if($('.send').html()){return;}
				var email = $('input[name=email]').val();
				var nickname = $('input[name=nickname]').val();
				var phone = $('input[name=phone]').val();
				if(phone && nickname && email)
				{
					$.ajax({
					   type: "POST",
					   url: "ajax.php",
					   data: 'action=checkreg&'+$(cls).parents("form").serialize(),
					   success: function(msg){
							var json = $.parseJSON(msg);
							if(json.res == 'OK')
							{
								$('#registfrom').append(json.html);
								$('.ip').slideUp(time,function(){$('.send').slideDown(time)});						
							}					
					   }
					});
				}
			break;
		}
	}
</script>
<!--{include file="footer2.0.html"}-->